
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont-guangming icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shuaxin"></i>
                    <div class="name">刷新</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangbao"></i>
                    <div class="name">上报</div>
                    <div class="fontclass">.icon-shangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangchuan1"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-shangchuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-gongju"></i>
                    <div class="name">工具</div>
                    <div class="fontclass">.icon-gongju</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-iconfontfile"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-iconfontfile</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-add"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-add</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon123"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-icon123</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-lockoutline"></i>
                    <div class="name">lock-outline</div>
                    <div class="fontclass">.icon-lockoutline</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shenbaolishi"></i>
                    <div class="name">申报历史</div>
                    <div class="fontclass">.icon-shenbaolishi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-bofang"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.icon-bofang</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wechat1193418easyiconnet"></i>
                    <div class="name">wechat_1193418_easyicon.net</div>
                    <div class="fontclass">.icon-wechat1193418easyiconnet</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-weibo1193419easyiconnet"></i>
                    <div class="name">weibo_1193419_easyicon.net</div>
                    <div class="fontclass">.icon-weibo1193419easyiconnet</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-paizhao"></i>
                    <div class="name">拍照</div>
                    <div class="fontclass">.icon-paizhao</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-angledoubleleft"></i>
                    <div class="name">angle-double-left</div>
                    <div class="fontclass">.icon-angledoubleleft</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-angledoubleright"></i>
                    <div class="name">angle-double-right</div>
                    <div class="fontclass">.icon-angledoubleright</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-angleleft"></i>
                    <div class="name">angle-left</div>
                    <div class="fontclass">.icon-angleleft</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-angleright"></i>
                    <div class="name">angle-right</div>
                    <div class="fontclass">.icon-angleright</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-bianji2"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji2</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-heilongjiangtubiao09"></i>
                    <div class="name">折线图</div>
                    <div class="fontclass">.icon-heilongjiangtubiao09</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-accountbalance"></i>
                    <div class="name">account_balance</div>
                    <div class="fontclass">.icon-accountbalance</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-accountbalancewallet"></i>
                    <div class="name">account_balance_wallet</div>
                    <div class="fontclass">.icon-accountbalancewallet</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-accountbox"></i>
                    <div class="name">account_box</div>
                    <div class="fontclass">.icon-accountbox</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-accountcircle"></i>
                    <div class="name">account_circle</div>
                    <div class="fontclass">.icon-accountcircle</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-add1"></i>
                    <div class="name">add</div>
                    <div class="fontclass">.icon-add1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-addalarm"></i>
                    <div class="name">add_alarm</div>
                    <div class="fontclass">.icon-addalarm</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-assessment"></i>
                    <div class="name">assessment</div>
                    <div class="fontclass">.icon-assessment</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-assignment"></i>
                    <div class="name">assignment</div>
                    <div class="fontclass">.icon-assignment</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-assignmentind"></i>
                    <div class="name">assignment_ind</div>
                    <div class="fontclass">.icon-assignmentind</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-beenhere"></i>
                    <div class="name">beenhere</div>
                    <div class="fontclass">.icon-beenhere</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-assistant"></i>
                    <div class="name">assistant</div>
                    <div class="fontclass">.icon-assistant</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-assistantphoto"></i>
                    <div class="name">assistant_photo</div>
                    <div class="fontclass">.icon-assistantphoto</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-book"></i>
                    <div class="name">book</div>
                    <div class="fontclass">.icon-book</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-businesscenter"></i>
                    <div class="name">business_center</div>
                    <div class="fontclass">.icon-businesscenter</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-camera1"></i>
                    <div class="name">camera</div>
                    <div class="fontclass">.icon-camera1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-cardmembership"></i>
                    <div class="name">card_membership</div>
                    <div class="fontclass">.icon-cardmembership</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-cardtravel"></i>
                    <div class="name">card_travel</div>
                    <div class="fontclass">.icon-cardtravel</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-clear"></i>
                    <div class="name">clear</div>
                    <div class="fontclass">.icon-clear</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-confirmationnumber"></i>
                    <div class="name">confirmation_number</div>
                    <div class="fontclass">.icon-confirmationnumber</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-devicehub"></i>
                    <div class="name">device_hub</div>
                    <div class="fontclass">.icon-devicehub</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-daterange"></i>
                    <div class="name">date_range</div>
                    <div class="fontclass">.icon-daterange</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-description"></i>
                    <div class="name">description</div>
                    <div class="fontclass">.icon-description</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-directionsbike"></i>
                    <div class="name">directions_bike</div>
                    <div class="fontclass">.icon-directionsbike</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-directionscar"></i>
                    <div class="name">directions_car</div>
                    <div class="fontclass">.icon-directionscar</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-directionsrailway"></i>
                    <div class="name">directions_railway</div>
                    <div class="fontclass">.icon-directionsrailway</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-directionsrun"></i>
                    <div class="name">directions_run</div>
                    <div class="fontclass">.icon-directionsrun</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-directionssubway"></i>
                    <div class="name">directions_subway</div>
                    <div class="fontclass">.icon-directionssubway</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-eventavailable"></i>
                    <div class="name">event_available</div>
                    <div class="fontclass">.icon-eventavailable</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-eventnote"></i>
                    <div class="name">event_note</div>
                    <div class="fontclass">.icon-eventnote</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-donutsmall"></i>
                    <div class="name">donut_small</div>
                    <div class="fontclass">.icon-donutsmall</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-explore"></i>
                    <div class="name">explore</div>
                    <div class="fontclass">.icon-explore</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-extension"></i>
                    <div class="name">extension</div>
                    <div class="fontclass">.icon-extension</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-folder"></i>
                    <div class="name">folder</div>
                    <div class="fontclass">.icon-folder</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-foldershared"></i>
                    <div class="name">folder_shared</div>
                    <div class="fontclass">.icon-foldershared</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-folderspecial"></i>
                    <div class="name">folder_special</div>
                    <div class="fontclass">.icon-folderspecial</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-gpsfixed"></i>
                    <div class="name">gps_fixed</div>
                    <div class="fontclass">.icon-gpsfixed</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-image1"></i>
                    <div class="name">image</div>
                    <div class="fontclass">.icon-image1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-importcontacts"></i>
                    <div class="name">import_contacts</div>
                    <div class="fontclass">.icon-importcontacts</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-insertphoto"></i>
                    <div class="name">insert_photo</div>
                    <div class="fontclass">.icon-insertphoto</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-laptopmac"></i>
                    <div class="name">laptop_mac</div>
                    <div class="fontclass">.icon-laptopmac</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-layers"></i>
                    <div class="name">layers</div>
                    <div class="fontclass">.icon-layers</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-localplay"></i>
                    <div class="name">local_play</div>
                    <div class="fontclass">.icon-localplay</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-localcafe"></i>
                    <div class="name">local_cafe</div>
                    <div class="fontclass">.icon-localcafe</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-localflorist"></i>
                    <div class="name">local_florist</div>
                    <div class="fontclass">.icon-localflorist</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-locallibrary"></i>
                    <div class="name">local_library</div>
                    <div class="fontclass">.icon-locallibrary</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-locationhistory"></i>
                    <div class="name">location_history</div>
                    <div class="fontclass">.icon-locationhistory</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-map"></i>
                    <div class="name">map</div>
                    <div class="fontclass">.icon-map</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-message"></i>
                    <div class="name">message</div>
                    <div class="fontclass">.icon-message</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-nature"></i>
                    <div class="name">nature</div>
                    <div class="fontclass">.icon-nature</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-moviefilter"></i>
                    <div class="name">movie_filter</div>
                    <div class="fontclass">.icon-moviefilter</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-nextweek"></i>
                    <div class="name">next_week</div>
                    <div class="fontclass">.icon-nextweek</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-payment"></i>
                    <div class="name">payment</div>
                    <div class="fontclass">.icon-payment</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-permcontactcalendar"></i>
                    <div class="name">perm_contact_calendar</div>
                    <div class="fontclass">.icon-permcontactcalendar</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-photo"></i>
                    <div class="name">photo</div>
                    <div class="fontclass">.icon-photo</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-pindrop"></i>
                    <div class="name">pin_drop</div>
                    <div class="fontclass">.icon-pindrop</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-remove"></i>
                    <div class="name">remove</div>
                    <div class="fontclass">.icon-remove</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-print"></i>
                    <div class="name">print</div>
                    <div class="fontclass">.icon-print</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-recentactors"></i>
                    <div class="name">recent_actors</div>
                    <div class="fontclass">.icon-recentactors</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-school"></i>
                    <div class="name">school</div>
                    <div class="fontclass">.icon-school</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-security"></i>
                    <div class="name">security</div>
                    <div class="fontclass">.icon-security</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-settings"></i>
                    <div class="name">settings</div>
                    <div class="fontclass">.icon-settings</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-toys"></i>
                    <div class="name">toys</div>
                    <div class="fontclass">.icon-toys</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-viewcompact"></i>
                    <div class="name">view_compact</div>
                    <div class="fontclass">.icon-viewcompact</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wbincandescent"></i>
                    <div class="name">wb_incandescent</div>
                    <div class="fontclass">.icon-wbincandescent</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-weizhi"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-iconfontduigou"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.icon-iconfontduigou</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-loada"></i>
                    <div class="name">load-a</div>
                    <div class="fontclass">.icon-loada</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tishi1"></i>
                    <div class="name">提示</div>
                    <div class="fontclass">.icon-tishi1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-pinglun"></i>
                    <div class="name">评论</div>
                    <div class="fontclass">.icon-pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-yonghu"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zhuye"></i>
                    <div class="name">主页</div>
                    <div class="fontclass">.icon-zhuye</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-qiyong"></i>
                    <div class="name">启用</div>
                    <div class="fontclass">.icon-qiyong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zuzhi"></i>
                    <div class="name">组织</div>
                    <div class="fontclass">.icon-zuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-daoru"></i>
                    <div class="name">导入</div>
                    <div class="fontclass">.icon-daoru</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-3"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-3</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-expand"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-expand</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wenjian1"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-qq-copy"></i>
                    <div class="name">qq</div>
                    <div class="fontclass">.icon-qq-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shanchuguanbicha"></i>
                    <div class="name">删除 关闭 叉</div>
                    <div class="fontclass">.icon-shanchuguanbicha</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-calendarclock"></i>
                    <div class="name">calendar-clock</div>
                    <div class="fontclass">.icon-calendarclock</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-clipboardaccount"></i>
                    <div class="name">clipboard-account</div>
                    <div class="fontclass">.icon-clipboardaccount</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-paizhao1"></i>
                    <div class="name">拍照</div>
                    <div class="fontclass">.icon-paizhao1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-renshu-copy"></i>
                    <div class="name">人数</div>
                    <div class="fontclass">.icon-renshu-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-qiandai"></i>
                    <div class="name">钱袋</div>
                    <div class="fontclass">.icon-qiandai</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-quanping"></i>
                    <div class="name">全屏</div>
                    <div class="fontclass">.icon-quanping</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xin"></i>
                    <div class="name">心</div>
                    <div class="fontclass">.icon-xin</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-camera"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-camera</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-moban-copy"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wenjian2"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.icon-wenjian2</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jiahaog"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-jiahaog</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangchuan2"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-shangchuan2</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-new"></i>
                    <div class="name">new</div>
                    <div class="fontclass">.icon-new</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zan"></i>
                    <div class="name">赞</div>
                    <div class="fontclass">.icon-zan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-androidarrowdropdown"></i>
                    <div class="name">android-arrow-dropdown</div>
                    <div class="fontclass">.icon-androidarrowdropdown</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-androidarrowdropup"></i>
                    <div class="name">android-arrow-dropup</div>
                    <div class="fontclass">.icon-androidarrowdropup</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-duoxuanyixuan"></i>
                    <div class="name">多选-已选</div>
                    <div class="fontclass">.icon-duoxuanyixuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tubiao03"></i>
                    <div class="name">不通过</div>
                    <div class="fontclass">.icon-tubiao03</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiaoxi1"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangjia"></i>
                    <div class="name">上架</div>
                    <div class="fontclass">.icon-shangjia</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiajia"></i>
                    <div class="name">下架</div>
                    <div class="fontclass">.icon-xiajia</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-chakan"></i>
                    <div class="name">找回密码查看icon</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-pengyouquan"></i>
                    <div class="name">朋友圈</div>
                    <div class="fontclass">.icon-pengyouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-paixingbang"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paixingbang</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xunzhang"></i>
                    <div class="name">勋章</div>
                    <div class="fontclass">.icon-xunzhang</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-weibo"></i>
                    <div class="name">weibo</div>
                    <div class="fontclass">.icon-weibo</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wechat"></i>
                    <div class="name">wechat</div>
                    <div class="fontclass">.icon-wechat</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jiangbei"></i>
                    <div class="name">奖杯</div>
                    <div class="fontclass">.icon-jiangbei</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-qq"></i>
                    <div class="name">qq</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shenhe"></i>
                    <div class="name">审核</div>
                    <div class="fontclass">.icon-shenhe</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-erweima"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jiazai"></i>
                    <div class="name">加载</div>
                    <div class="fontclass">.icon-jiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiaoxi"></i>
                    <div class="name">消息</div>
                    <div class="fontclass">.icon-xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zhengzhao"></i>
                    <div class="name">证照</div>
                    <div class="fontclass">.icon-zhengzhao</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-gdoc"></i>
                    <div class="name">gdoc</div>
                    <div class="fontclass">.icon-gdoc</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-image"></i>
                    <div class="name">image</div>
                    <div class="fontclass">.icon-image</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-video"></i>
                    <div class="name">video</div>
                    <div class="fontclass">.icon-video</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tupian"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-yanjing-bi"></i>
                    <div class="name">眼睛-闭</div>
                    <div class="fontclass">.icon-yanjing-bi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-yanjing-zheng"></i>
                    <div class="name">眼睛-睁</div>
                    <div class="fontclass">.icon-yanjing-zheng</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jiazai1"></i>
                    <div class="name">加载</div>
                    <div class="fontclass">.icon-jiazai1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-rili"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jifen"></i>
                    <div class="name">积分 (1)</div>
                    <div class="fontclass">.icon-jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-you"></i>
                    <div class="name">右</div>
                    <div class="fontclass">.icon-you</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tuichu"></i>
                    <div class="name">28退出</div>
                    <div class="fontclass">.icon-tuichu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-fabu"></i>
                    <div class="name">发布</div>
                    <div class="fontclass">.icon-fabu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shipin"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jinyong"></i>
                    <div class="name">禁用</div>
                    <div class="fontclass">.icon-jinyong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shijian1"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tishi"></i>
                    <div class="name">提示</div>
                    <div class="fontclass">.icon-tishi</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-cha"></i>
                    <div class="name">叉</div>
                    <div class="fontclass">.icon-cha</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jijianfasong"></i>
                    <div class="name">16寄件、发送</div>
                    <div class="fontclass">.icon-jijianfasong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiala1"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.icon-xiala1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangchuan"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-shangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiala11"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.icon-xiala11</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-rili1"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-biaoqing"></i>
                    <div class="name">表情</div>
                    <div class="fontclass">.icon-biaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon_wrong"></i>
                    <div class="name">错误</div>
                    <div class="fontclass">.icon-icon_wrong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-permission"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-permission</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-bangzhu"></i>
                    <div class="name">帮助</div>
                    <div class="fontclass">.icon-bangzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-activity"></i>
                    <div class="name">activity</div>
                    <div class="fontclass">.icon-activity</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-activity_fill"></i>
                    <div class="name">activity_fill</div>
                    <div class="fontclass">.icon-activity_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-addpeople_fill"></i>
                    <div class="name">addpeople_fill</div>
                    <div class="fontclass">.icon-addpeople_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-addressbook_fill"></i>
                    <div class="name">addressbook_fill</div>
                    <div class="fontclass">.icon-addressbook_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-addressbook"></i>
                    <div class="name">addressbook</div>
                    <div class="fontclass">.icon-addressbook</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-barrage_fill"></i>
                    <div class="name">barrage_fill</div>
                    <div class="fontclass">.icon-barrage_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-brush_fill"></i>
                    <div class="name">brush_fill</div>
                    <div class="fontclass">.icon-brush_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-businesscard_fill"></i>
                    <div class="name">businesscard_fill</div>
                    <div class="fontclass">.icon-businesscard_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-close"></i>
                    <div class="name">close</div>
                    <div class="fontclass">.icon-close</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-computer_fill"></i>
                    <div class="name">computer_fill</div>
                    <div class="fontclass">.icon-computer_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-coordinates_fill"></i>
                    <div class="name">coordinates_fill</div>
                    <div class="fontclass">.icon-coordinates_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-customerservice_fill"></i>
                    <div class="name">customerservice_fill</div>
                    <div class="fontclass">.icon-customerservice_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-customerservice"></i>
                    <div class="name">customerservice</div>
                    <div class="fontclass">.icon-customerservice</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-document"></i>
                    <div class="name">document</div>
                    <div class="fontclass">.icon-document</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-document_fill"></i>
                    <div class="name">document_fill</div>
                    <div class="fontclass">.icon-document_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-dynamic_fill"></i>
                    <div class="name">dynamic_fill</div>
                    <div class="fontclass">.icon-dynamic_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-enter"></i>
                    <div class="name">enter</div>
                    <div class="fontclass">.icon-enter</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-enterinto"></i>
                    <div class="name">enterinto</div>
                    <div class="fontclass">.icon-enterinto</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-feedback_fill"></i>
                    <div class="name">feedback_fill</div>
                    <div class="fontclass">.icon-feedback_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-flag_fill"></i>
                    <div class="name">flag_fill</div>
                    <div class="fontclass">.icon-flag_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-group"></i>
                    <div class="name">group</div>
                    <div class="fontclass">.icon-group</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-group_fill"></i>
                    <div class="name">group_fill</div>
                    <div class="fontclass">.icon-group_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-headlines_fill"></i>
                    <div class="name">headlines_fill</div>
                    <div class="fontclass">.icon-headlines_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-headlines"></i>
                    <div class="name">headlines</div>
                    <div class="fontclass">.icon-headlines</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-integral_fill"></i>
                    <div class="name">integral_fill</div>
                    <div class="fontclass">.icon-integral_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-interactive_fill"></i>
                    <div class="name">interactive_fill</div>
                    <div class="fontclass">.icon-interactive_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-interactive"></i>
                    <div class="name">interactive</div>
                    <div class="fontclass">.icon-interactive</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-lock_fill"></i>
                    <div class="name">lock_fill</div>
                    <div class="fontclass">.icon-lock_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-mail_fill"></i>
                    <div class="name">mail_fill</div>
                    <div class="fontclass">.icon-mail_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-manage_fill"></i>
                    <div class="name">manage_fill</div>
                    <div class="fontclass">.icon-manage_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-more"></i>
                    <div class="name">more</div>
                    <div class="fontclass">.icon-more</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-people_fill"></i>
                    <div class="name">people_fill</div>
                    <div class="fontclass">.icon-people_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-people"></i>
                    <div class="name">people</div>
                    <div class="fontclass">.icon-people</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-praise_fill"></i>
                    <div class="name">praise_fill</div>
                    <div class="fontclass">.icon-praise_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-qrcode_fill"></i>
                    <div class="name">qrcode_fill</div>
                    <div class="fontclass">.icon-qrcode_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-return"></i>
                    <div class="name">return</div>
                    <div class="fontclass">.icon-return</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-scan"></i>
                    <div class="name">scan</div>
                    <div class="fontclass">.icon-scan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-select"></i>
                    <div class="name">select</div>
                    <div class="fontclass">.icon-select</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-setup_fill"></i>
                    <div class="name">setup_fill</div>
                    <div class="fontclass">.icon-setup_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-task"></i>
                    <div class="name">task</div>
                    <div class="fontclass">.icon-task</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-task_fill"></i>
                    <div class="name">task_fill</div>
                    <div class="fontclass">.icon-task_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tasklist_fill"></i>
                    <div class="name">tasklist_fill</div>
                    <div class="fontclass">.icon-tasklist_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tasklist"></i>
                    <div class="name">tasklist</div>
                    <div class="fontclass">.icon-tasklist</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-undo"></i>
                    <div class="name">undo</div>
                    <div class="fontclass">.icon-undo</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-unlock"></i>
                    <div class="name">unlock</div>
                    <div class="fontclass">.icon-unlock</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-workbench_fill"></i>
                    <div class="name">workbench_fill</div>
                    <div class="fontclass">.icon-workbench_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-workbench"></i>
                    <div class="name">workbench</div>
                    <div class="fontclass">.icon-workbench</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jifen1"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-search"></i>
                    <div class="name">search</div>
                    <div class="fontclass">.icon-search</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-dingwei"></i>
                    <div class="name">定位</div>
                    <div class="fontclass">.icon-dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-packup"></i>
                    <div class="name">packup</div>
                    <div class="fontclass">.icon-packup</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-unfold"></i>
                    <div class="name">unfold</div>
                    <div class="fontclass">.icon-unfold</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-diannao1"></i>
                    <div class="name">电脑</div>
                    <div class="fontclass">.icon-diannao1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-rili2"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili2</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-fangkuai"></i>
                    <div class="name">方块</div>
                    <div class="fontclass">.icon-fangkuai</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-kecheng"></i>
                    <div class="name">课程</div>
                    <div class="fontclass">.icon-kecheng</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-anquan"></i>
                    <div class="name">安全</div>
                    <div class="fontclass">.icon-anquan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-Group"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-Group</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-huodong"></i>
                    <div class="name">活动</div>
                    <div class="fontclass">.icon-huodong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zhankai"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-zhankai</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shoudong"></i>
                    <div class="name">手动</div>
                    <div class="fontclass">.icon-shoudong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-yanjing"></i>
                    <div class="name">眼睛</div>
                    <div class="fontclass">.icon-yanjing</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shangsheng"></i>
                    <div class="name">上升</div>
                    <div class="fontclass">.icon-shangsheng</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-guanlian"></i>
                    <div class="name">关联</div>
                    <div class="fontclass">.icon-guanlian</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zhankai-copy"></i>
                    <div class="name">展开</div>
                    <div class="fontclass">.icon-zhankai-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xiala"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.icon-xiala</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-daohang1"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-pingjia"></i>
                    <div class="name">评价</div>
                    <div class="fontclass">.icon-pingjia</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-guize"></i>
                    <div class="name">规则</div>
                    <div class="fontclass">.icon-guize</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-gengduo"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-rightl"></i>
                    <div class="name">rightl</div>
                    <div class="fontclass">.icon-rightl</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-left"></i>
                    <div class="name">left</div>
                    <div class="fontclass">.icon-left</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-tuihui"></i>
                    <div class="name">退回2</div>
                    <div class="fontclass">.icon-tuihui</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-danxuan"></i>
                    <div class="name">单选</div>
                    <div class="fontclass">.icon-danxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-iconzhong-"></i>
                    <div class="name">批量</div>
                    <div class="fontclass">.icon-iconzhong-</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-erweima2"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima2</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon_boss_fill"></i>
                    <div class="name">icon_boss_fill</div>
                    <div class="fontclass">.icon-icon_boss_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon_people_fill"></i>
                    <div class="name">icon_people_fill</div>
                    <div class="fontclass">.icon-icon_people_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon_recorder_fill"></i>
                    <div class="name">icon_recorder_fill</div>
                    <div class="fontclass">.icon-icon_recorder_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-zan1"></i>
                    <div class="name">赞</div>
                    <div class="fontclass">.icon-zan1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shoucang"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon_conf_call_fill"></i>
                    <div class="name">icon_conf_call_fill</div>
                    <div class="fontclass">.icon-icon_conf_call_fill</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xuanzhong"></i>
                    <div class="name">选中</div>
                    <div class="fontclass">.icon-xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-weixuanzhongdanxuan"></i>
                    <div class="name">未选中（单选）</div>
                    <div class="fontclass">.icon-weixuanzhongdanxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-xuanzhongdanxuan"></i>
                    <div class="name">选中（单选）</div>
                    <div class="fontclass">.icon-xuanzhongdanxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-erweima1"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima1</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-weixuanzhong"></i>
                    <div class="name">未选中 (1)</div>
                    <div class="fontclass">.icon-weixuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-html"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-ranqifei"></i>
                    <div class="name">燃气费</div>
                    <div class="fontclass">.icon-ranqifei</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-user"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-user</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-add-user"></i>
                    <div class="name">用户添加</div>
                    <div class="fontclass">.icon-add-user</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-remove-user"></i>
                    <div class="name">用户删除</div>
                    <div class="fontclass">.icon-remove-user</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-edit-user"></i>
                    <div class="name">用户修改</div>
                    <div class="fontclass">.icon-edit-user</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-setting-user"></i>
                    <div class="name">用户设置</div>
                    <div class="fontclass">.icon-setting-user</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-user-approval"></i>
                    <div class="name">用户审批</div>
                    <div class="fontclass">.icon-user-approval</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-user-list"></i>
                    <div class="name">用户列表</div>
                    <div class="fontclass">.icon-user-list</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-user-group"></i>
                    <div class="name">用户组</div>
                    <div class="fontclass">.icon-user-group</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-right"></i>
                    <div class="name">right</div>
                    <div class="fontclass">.icon-right</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-shouyexuanzhong"></i>
                    <div class="name">首页 选中</div>
                    <div class="fontclass">.icon-shouyexuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-fuwuxuanzhong"></i>
                    <div class="name">服务 选中  </div>
                    <div class="fontclass">.icon-fuwuxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-dangxiaoxuanzhong"></i>
                    <div class="name">党校 选中</div>
                    <div class="fontclass">.icon-dangxiaoxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-fuwu"></i>
                    <div class="name">服务 </div>
                    <div class="fontclass">.icon-fuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-dangxiao"></i>
                    <div class="name">党校 </div>
                    <div class="fontclass">.icon-dangxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jifenxuanzhong"></i>
                    <div class="name">积分 选中 1</div>
                    <div class="fontclass">.icon-jifenxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-jifen-copy"></i>
                    <div class="name">积分  </div>
                    <div class="fontclass">.icon-jifen-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wode"></i>
                    <div class="name">我的 </div>
                    <div class="fontclass">.icon-wode</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-wodexuanzhong"></i>
                    <div class="name">我的 选中</div>
                    <div class="fontclass">.icon-wodexuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon-test"></i>
                    <div class="name">1</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont-guangming icon-icon-test1"></i>
                    <div class="name">2</div>
                    <div class="fontclass">.icon-icon-test1</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont-guangming</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont-guangming"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
            <script src="jquery-1.11.1.min.js"></script>
    <script>
    var json = '';
    var num = 0;
    $(".icon_lists li").each(function(){
        var _this = $(this).find(".fontclass").text();
        var _cnname = $(this).find(".name").text();
        _this = _this.substring(1);
        num+=1;
        json += '{"name": "'+_this+'","cnname":"'+_cnname+'"},' 
    })
    console.log(json);
    console.log(num);
    </script>
</body>
</html>
